// 导入表单验证插件
import wxValidate from 'wechat-validate'
const app = getApp()
Page({
  // 将插件注入到页面实例中
  behaviors: [wxValidate],
  data: {
    // 是否显示倒计时
    countDownVisible: false,
    // 倒计时时间
    timeData: null,
    // 手机号
    mobile: '15507399421',
    // 验证码
    code: ''
  },
  onLoad({ redirectURL }) {
    // 获取地址参数
    this.redirectURL = redirectURL
  },
  rules: {
    mobile: [
      { required: true, message: '请填写手机号码!' },
      { pattern: /^1[3-8]\d{9}$/, message: '请填写正确的手机号码!' }
    ],
    code: [
      { required: true, message: '请填写验证码!' },
      { pattern: /^\d{6}$/, message: '请填写正确的验证码!' }
    ]
  },
  countDownChange(ev) {
    this.setData({
      timeData: ev.detail,
      countDownVisible: ev.detail.minutes === 1 || ev.detail.seconds > 0,
    })
  },
  // 获取验证码
  async getSMSCode() {
    const { valid, message } = this.validate('mobile')
    if (!valid) return wx.utils.toast(message)
    // 显示倒计时组件
    this.setData({ countDownVisible: true })
    // 调用接口获取验证码
    const { code, data } = await wx.http.get('/code', { mobile: this.data.mobile })
    console.log(data)
    // 获取验证码失败
    if (code !== 10000) return wx.utils.toast('发送失败，稍后重试!')
  },
  async submitForm() {
    if (!this.validate()) return
    const { code, data } = await wx.http.post('/login', {
      mobile: this.data.mobile,
      code: this.data.code
    })
    // 判断是否登录成功
    if (code !== 10000) return wx.utils.toast('登录失败，稍后重试!')

    app.setToken('token', data.token)
    app.setToken('refreshToken', data.refreshToken)
    // 重定向
    wx.redirectTo({ url: this.redirectURL })
  }
})
